/* 
* @Author: anchen
* @Date:   2015-12-24 16:43:48
* @Last Modified by:   anchen
* @Last Modified time: 2016-01-19 11:15:54
*/


/*内容*/
        .taks{width:100%; height: 9.5rem;background-color: #84da47; position:relative;color:#577822;}

        .student{width:4.5rem;height:1.53rem;position:absolute; top:1rem; right:2%; background:url('../images/icon6.png') no-repeat right center; -webkit-background-size: 25%;
            background-size: 25%; line-height: 1.53rem;}
/*亲子任务*/
        .mission span:nth-of-type(1) img{ width: 20%; height: 100%; margin-top: 0.25rem;}

        .mission{ width:40%;height:2rem; position:absolute; top:1rem; border-left:4px solid #84da47; margin-left:5%; color:#84da47; text-indent:10px; display:inline-block;color:#577822; font-size: 1.2rem;}

        .mission span:nth-of-type(1){ height:2rem;  display:inline-block; background:url('../images/student.png' )no-repeat left;-webkit-background-size: 24%;background-size: 24%; padding-left: 20%; position:absolute;}

        .missionFont{ width: 95%;  text-indent:24px;display:block; padding-left: 3%; padding-right: 2%; position:absolute; top:40%;}

        .time{ width: 96%; height:1.25rem;position:absolute; bottom:0.2rem; margin-left: 4%; margin-right: 2%;}

        .time span{ height:100%;font-size:0.65rem; color:#fff;position:absolute; line-height: 1.25rem;}

        .time span:nth-of-type(1){ float:left; }
        .time span:nth-of-type(2){ right:4%;}

  
/*按钮*/
        .icon{width: 96%; height:6rem; margin-top:1rem; padding-left: 2%;padding-right: 2%;}

        .icon li{
            width:19.44%; 
            height: 4rem;
            float:left;
        
            margin-left: 0.1rem;
        }

        .icon_1{
            background:url('../images/icon1.png') no-repeat center;
            -webkit-background-size: 70%;
            background-size: 70%;
        }

        .icon_2{
            background:url('../images/icon2.png') no-repeat center;
            -webkit-background-size: 70%;
            background-size: 70%;
        }

        .icon_3{
            background:url('../images/icon3.png') no-repeat center;
            -webkit-background-size: 70%;
            background-size: 70%;
        }

        .icon_4{
            background:url('../images/icon4.png') no-repeat center;
            -webkit-background-size: 70%;
            background-size: 50%;
        }

        .icon_5{
            background:url('../images/icon5.png') no-repeat center;
            -webkit-background-size: 70%;
            background-size:70%;
        }  

/*公告*/
        .announcement{width:100%;height: 8.4rem; margin-top:0.32rem;}
        .announcementHed{width:100%;height: 1.45rem;}
        .announcementHed div:nth-of-type(1){border-bottom:1px solid #84da47;}

        .announcementHedSpan{ width: 40%;height: 1.25rem; display:block; line-height: 1.25rem; padding-left: 4%;}

        .announcementInform{ width: 96%;font-size:0.9rem; margin-top:1rem;  position:relative; padding-left: 4%;}

        .announcementInform span{ width: 2rem; height: 80%;display:inline-block; font-size: 12px; border-radius:5px; background-color: #f897bb; text-align: center; color:#fff; position:absolute; line-height:1rem;}

        .announcementHed div:nth-of-type(3){width: 92%;color:#4c4c4c; margin-top: 2%; padding-left: 4%;}

        .announcementTime{width: 92%; height: 1.4rem; font-size:0.75rem; margin-bottom: 2%; position:relative; padding-left: 4%;}

        .announcementTime span{ display:inline-block; color:#ccc; line-height: 1.8rem;}

        .announcementTime span:nth-of-type(2){float:right; background-size:40%; position:absolute;  right:0px;}

/*档案*/
        .record{width: 100%; position:relative; margin-top: 0.23rem;}

        #record{ color:#84da47; font-size: 0.85rem; line-height: 30px; padding-left: 4%; display:block; border-bottom:1px solid #84da47;}

        .recordContent{width: 100%; border-radius:8px;position:absolute;margin-top: 0.23rem;margin-bottom:4rem;}
        /*档案标题*/
        .headPortrait{width: 100%; position:relative; }

        .headPortrait span:nth-of-type(1){ width:4rem;height:4rem; margin-left:2%; border-radius:50%; display:inline-block; background-color: #000; background: url('../images/head.png') no-repeat; -webkit-background-size: 110%;background-size: 110%;}

        .headPortrait span:nth-of-type(2){ display:block;color:#95d980; position:absolute; top:8%; left:22%; }

        .headPortrait span:nth-of-type(3){color:#4c4c4c; display:block; margin-top: 0.62rem; padding-left: 4%;}

        .headPortrait span:nth-of-type(4){color:#ccc; display:inline:block; position:absolute; top:0px; right:4%;}
  /*图片*/
        .banner{ display:block; width:100%;height:6rem; border-bottom:1px solid #84da47;}

        .banner img{ width:40%;height:90%; margin-left: 4%; margin-top: 0.34rem;}

        .comment{ width:100%;height: 2rem; margin-top:0.32rem; display:block; }
  
        .comment li{width: 33.333333%;height:1.4rem; display:inline-block; float:left; text-align: center; font-size: 0.9rem; color:#cccccc;}
        
        .comment img{ height: 70%;margin-top: 0.5rem;}



